.container {
  padding-top: 36rpx;
  padding-inline: 28rpx;
  padding-bottom: 20rpx;
  background-color: #f1f3fc;
  border-radius: 30rpx;
  border: 2rpx solid #f7fafd;

  .title {
    font-size: 30rpx;
    color: #000000;
    font-weight: 700;
  }

  .botContainer {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
    margin-top: 40rpx;

    .botBox {
      width: 310rpx;
      height: 184rpx;
      border-radius: 16rpx;
      border: 2rpx solid #e7f1f2;
      background-color: #f7f8fa;
      display: flex;
      flex-direction: column;
      justify-content: space-between;
      align-items: center;
      padding-top: 30rpx;
      padding-bottom: 30rpx;

      .botBoxHeader {
        display: flex;
        flex-direction: row;
        justify-content: space-between;
        align-items: center;
        width: 100%;
        padding-inline: 20rpx;
        .botBoxTitle {
          color: #000;
          font-size: 28rpx;
          font-weight: 700;
          line-height: 1.5;
        }

        .voiceIcon {
          width: 40rpx;
          height: 40rpx;
        }
      }

      .botBoxValue {
        display: flex;
        flex-direction: row;
        justify-content: flex-end;
        align-items: baseline;
        width: 100%;
        padding-inline: 20rpx;

        .botBoxValueText {
          color: #000;
          font-size: 28rpx;
          font-weight: 700;
        }
        .botBoxValueUnit {
          color: #000;
          font-size: 24rpx;
          font-weight: 400;
        }
      }

      .botBoxSlider {
        margin-top: 10rpx;
      }
    }
  }
}
